<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/index.css" />
    <script
      src="../../js/vue.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
    <script
      src="../../js/axios.min.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
    <!-- 引入样式 -->
    <link
      rel="stylesheet"
      href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
    />
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <style type="text/css">
      /* #product {
      	/* width: 60%;
      	margin: 0 auto; */
      }

      /* .items{
      	width: 70%;
      	margin: 20px auto;
      }


       .el-carousel__item h3 {
          color: #475669;
          font-size: 18px;
          opacity: 0.75;
          line-height: 300px;
          margin: 0;
        } */
      .items {
      	width: 100%;
      }

      .el-carousel__item .item_img {
      	width: 100%;
      	height: auto;
      }
    </style>
  </head>
  <body class="">
    <div id="products">
      <!-- <img src="img/e6699ad0ceed58e9a83b07321d7099a.png">
			<div id="">

			</div> -->

      <div class="items">
        <el-carousel indicator-position="outside" height="590px">
          <el-carousel-item v-for="item in list" :key="item">
            <!--  <h3>{{ item }}</h3> -->
            <img class="item_img" :src="item" />
          </el-carousel-item>
        </el-carousel>
      </div>
    </div>
    <!-- E:\场景系统\02 智慧化场景\01 智慧劳资-数据赋能劳动关系管理\人力资源和社会保障局-智慧劳动关系20210927 -->

    <script
      src="../../js/util.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
    <script type="text/javascript">
      var product = new Vue({
        el: "#products",
        data: {
          list: [
            "https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/01 智慧劳资-数据赋能劳动关系管理/人力资源和社会保障局-智慧劳动关系20210927/幻灯片1.PNG",
            "https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/01 智慧劳资-数据赋能劳动关系管理/人力资源和社会保障局-智慧劳动关系20210927/幻灯片2.PNG",
            "https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/01 智慧劳资-数据赋能劳动关系管理/人力资源和社会保障局-智慧劳动关系20210927/幻灯片3.PNG",
            "https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/01 智慧劳资-数据赋能劳动关系管理/人力资源和社会保障局-智慧劳动关系20210927/幻灯片4.PNG",
            "https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/01 智慧劳资-数据赋能劳动关系管理/人力资源和社会保障局-智慧劳动关系20210927/幻灯片5.PNG",
            "https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/01 智慧劳资-数据赋能劳动关系管理/人力资源和社会保障局-智慧劳动关系20210927/幻灯片6.PNG",
            "https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/01 智慧劳资-数据赋能劳动关系管理/人力资源和社会保障局-智慧劳动关系20210927/幻灯片7.PNG",
            "https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/01 智慧劳资-数据赋能劳动关系管理/人力资源和社会保障局-智慧劳动关系20210927/幻灯片8.PNG",
          ],
        },
        created() {},
        mounted() {},
        methods: {},
      });
    </script>
  </body>
</html>
